<script setup lang="ts">
import { ref } from 'vue'
import { useRouter } from 'vue-router'

// const route = useRoute()
const router = useRouter()

const name = ref('Orange')

const goToAbout = () => {
    router.push('/about')
}
</script>

<template>
    <div>
        <h1>Hello {{ name }}!</h1>
        <div>This is home page</div>
        <button @click="goToAbout">Go to About</button>
    </div>
</template>